﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
	<title>山东柏瑞设计官网</title>
	<link rel="icon" href="assets/img/img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
    <link rel="stylesheet" type="text/css" href="assets/css/css/animate.css">
</head>
<body>
<div class="case">
    <!-- 头部 -->
    <div id="head">
        <div class="fixedHead">
            <!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title></title>
    <link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
    <link rel="stylesheet" type="text/css" href="assets/css/css/animate.css">

</head>

<div class="commit_center flex headTop">
    <a href="index/index.html"><img src="uploads/20210429/9c03d90e9d21c110beac5f6ef56696e3.png" class="logo"></a>
    <div class="flex right">
        <div class="">
            <img src="uploads/20211223/c7cd46b1adbf967986c31dd054f49d24.png">
        </div>
        <p>咨询我们：18317093686</p>
    </div>
    <img src="assets/img/img/moreNav.png" class="moreNav">
	<img src="assets/img/img/moreCancel.png" class="moreCancel">
</div>

<div class="daohang">
    <!-- pc -->
    <ul class="commit_center flex nav navAll">
                    <li><a href="index.html" class="">首页</a></li>
                    <li><a href="websit.html" class="">网站开发</a></li>
                    <li><a href="app.html" class="">APP开发</a></li>
                    <li><a href="applet.html" class="">小程序开发</a></li>
                    <li><a href="case.html" class="">案例</a></li>
                    <li><a href="about.html" class="">关于我们</a></li>
            </ul>
    <!-- phone -->
    <ul class="navAll navHide">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="websit.html">网站开发</a></li>
                    <li><a href="app.html">APP开发</a></li>
                    <li><a href="applet.html">小程序开发</a></li>
                    <li><a href="case.html">案例</a></li>
                    <li><a href="about.html">关于我们</a></li>
            </ul>
</div>
<script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>

        </div>
                <img src="uploads/20211231/392c11ab762f537923856d8e7d0efc37.jpg" class="banner bans">
            </div>
    <!-- 内容 -->
    <div class="commit_center case allCont">
        <!-- 选项卡 -->
        <div class="flex tab_Fas">
                        <p class="xk tab-type">APP/小程序开发</p>
                        <p class="xk tab-type">网站开发</p>
                    </div>
        <!-- 内容 -->
        <div class="box_list">
            <div class="demand">
                <div class="flex xkImg">
                                        <a href="casedetail.html?id=1">
                        <img src="uploads/20211228/f4baecf1e8f6fae1153094007e3e3dea.png">
                    </a>
                                        <a href="casedetail-1.html?id=2">
                        <img src="uploads/20211228/44e2bb697f504f894801fd1df14d1eee.png">
                    </a>
                                        <a href="casedetail-2.html?id=3">
                        <img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
                    </a>
                                        <a href="casedetail-3.html?id=4">
                        <img src="uploads/20211228/cd278819133cf8b0621b5588d9e27c61.png">
                    </a>
                                        <a href="casedetail-4.html?id=5">
                        <img src="uploads/20211228/e5e3b617ac52345ada2519cb40fd4dd4.png">
                    </a>
                                        <a href="casedetail-5.html?id=6">
                        <img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
                    </a>
                                    </div>
                <!-- 分页 -->
                <ul class="flex tab_Fas" class="sad">
                    <!--<li class="prev"><a href="javascript:(0)" data-value="1" class="page_admin"> < </a></li>-->
                                        <li class="all_page" style="width:100%;display: flex;justify-content: center;padding: 0" data-max-page="2" data-now-page="1">
                    </li>
                                        <!--<li class="prev"><a href="javascript:(0)" class="page_admin" data-value="2">-->
                    <!--    > </a></li>-->
                </ul>
            </div>
        </div>
    </div>
    <!-- 脚部 -->
    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
		<link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
</head>
<body>
<div id="footer">
	<div class="footTop">
		<div class="commit_center flex">
						<div class="left">
				<p>山东柏瑞设计有限公司</p>
				<p>联系电话：18317093686</p>
				<p>地址：济南创新谷2号楼孵化器五楼（长清区海棠路与芙蓉路交叉路口东南）</p>
			</div>
			<div class="right">
				<img src="uploads/20211230/b27fc18df90b3a0cc5ff008002b4d6d8.png">
				<p>微信公众号</p>
			</div>
		</div>
	</div>
	<p class="copyright">Shandong Bairui Design Co., Ltd 山东柏瑞设计有限公司版权所有 鲁ICP备2021028094号-1</p>
	    </div>
</body>
</html>





</div>
<!-- script -->
<script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/swiper/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>

<!-- wow弹动 -->
<script src="assets/js/js/wow.min.js"></script>
</body>
</html>
<script>
    $(function () {
        let canClick = true
        $('.page_admin').click(function () {
            let page = $(this)[0].dataset.value;
            console.log(page)
            if(!canClick) {
                // alert('清等待')
                return false
            }
            canClick = false
            $.ajax({
                type: "get",
                url: '/index/caseed/index',
                data: {page: page},
                dataType: "json",
                success: function (data) {
                    canClick = true
                    let res = data.data.tops_data;
                    let page_a = data.data.top_page;
                    let html = '';
                    let html_page = '';
                    if (res.length > 0) {
                        res.forEach(item => {
                            html += `
							<a href="casedetail?id=${item.id}">
							<img src="${item.image}" />
							</a>
                    		 `
                        })
                        html_page += `
						<li class="prev"><a href="javascript:(0)" data-value="1" class="page_admin"> 首页< </a></li>
												<li><a href="javascript:(0)" class="xk ss "  disabled> 上一页</a></li>
						                        <li><a href="javascript:(0)" class="xk page_admin" data-value="${page_a.current_page + 1}"> 下一页 </a></li>
                                                <li class="prev"><a href="javascript:(0)" class="page_admin" data-value="${page_a.last_page}"> >尾页 </a></li>
						`
                    } else {
                        html = '<p style="text-align:center;width:100%;line-height:430px;min-height: 430px">—— 暂无数据 ——</p >';
                    }
                    $('.xkImg').html(html);
                    $('#sad').html(html_page);
                }
            });
            return false
        });
    });
</script>
<script>
    $('.tab_Fas p:eq(0)').attr('data-type', 1)
    $('.tab_Fas p:eq(1)').attr('data-type', 2)

    let maxPage = $('li[data-max-page]').attr('data-max-page')
    for (let i = 0; i < maxPage; i++) {
        $(".all_page").append(
            `
                                <span data-page="${i + 1}">${i + 1}</span>
                                `
        )
    }
    let type = 1
    $('.tab-type').click(function () {
        type = $(this).attr('data-type')
        $('.all_page span:eq(0)').css({
            color: 'rgb(0,131,205)'//定义点击颜色
        }).siblings('span').css({
            color: 'inherit'
        })
        getTypeAjax(1,type)
    })

    $('.all_page span').click(function () {
        let page = $(this).attr('data-page')
        $('.all_page').attr('data-now-page', page)
        $(this).css({
            color: 'rgb(0,131,205)'//定义点击颜色
        }).siblings('span').css({
            color: 'inherit'
        })

        getTypeAjax(page,type)
    })


    function getTypeAjax(p,t) {
        $('.xkImg').empty()
        $.get('/index/caseed/index', {page: p, type: t}, function (data) {
            let res = data.data.grades_data || data.data.tops_data;
            let html = '';
            let html_page = '';
            if (res.length > 0) {
                res.forEach(item => {
                    html += `
                                            <a href="casedetail?id=${item.id}">
                                            <img src="${item.image}" />
                                            </a>
                                          `
                })
            } else {
                html = '<p style="text-align:center;width:100%;line-height:430px;min-height: 430px">—— 暂无数据 ——</p >';
            }
            $('.xkImg').html(html);
        })
    }
</script>
